<template>
  <div>
    <van-nav-bar
      title="历史通知"
      left-text="返回"
      left-arrow
      fixed
      class="navbar"
      @click-left="onClickLeft"
    />
    <div class="s1">
    <div class="t1">
      <h3>五台山山景区</h3>
      <img src="../../public/img/banner2.png" alt="" />
      <span>通知: 疫情防控期间,所有游客进入景区需实名认证,来自高风险地区的游客需要提供七日内的来两次核酸检测。</span>
        <p>2022年04月16日</p>
    </div>
  </div></div>
</template>

<script>
export default {
  data() {
    return {
      // activeName: ' '
    };
  },
  methods: {
    onClickLeft() {
      window.history.back(-1);
    },
  },
};
</script>

<style src="../assets/css/main.css"></style>
<style scoped lang="scss">
.notice {
  margin-top: 50px;
}
.s1{
  margin-top: 60px;
.t1{
  width: 90%;
  border: 2px solid white;
  border-radius: 7px;
  margin: 10px auto;
  box-shadow: 0px 3px 9px gray;
  h3{
    text-align: center;
    margin: 3px 0;
  }
  img{
    width: 100%;
  }p{
    float: right;
    color: #6793b5;
  }
  
}}
</style>